canvas {
    /*background-color: #C3C3C3;*/
    width: 800px;
    height: 800px;
}
body {
    /*background-image: url("image/back.jpg");*/
    background-repeat: no-repeat;
    background-color: lightslategrey;
}#titre {

     color:darkblue;
     text-align:center;
     font-size: 50px;
     top: 400px;
 }
#indication {
    position: absolute;
    left: 300px;
    width: 300px;
    height: 110px;
    top: 300px;
    text-align:center;
    border-radius: 25px;
    background-color:  #FF8080;
    font-size: 30px;
}
#labelmessage {

    color:mintcream;
    text-align:center;
    font-size: larger;
}
#score {

    position:absolute;
    right:5px;
    width: 200px;
    height: 50px;
    top: 200px;
    border-radius: 25px;
    color:#660033;
    text-align:center;
}
#message {
    position:absolute;
    width: 300px;
    border-radius: 25px;
    color:#660033;
    text-align:center;
}
#jouer {
    position:absolute;
    right:110px;
    top:100px;
    background-color: #FF8080;
    width: 100px;
    border-radius: 25px;
}
#resetbutton {
    position:absolute;
    right:110px;
    top:100px;
    background-color: #FF8080;
    width: 75px;
    border-radius: 25px;
}
#oui{
    position:absolute;
    right:5px;
    top:300px;
    height: 22px;
    width:80px;
    background-color: #80FF80;
    border-color: purple;
    border-style: solid;
    border-width: thin;
    color:#660033;
    text-align:center;
    border-radius: 25px;
}

#non{
    position:absolute;
    right:95px;
    top:300px;
    height: 22px;
    width:80px;
    background-color: #FF8080;
    border-color: purple;
    border-style: solid;
    border-width: thin;
    color:#660033;
    text-align:center;
    border-radius: 25px;
}
